<template>
  <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
    <el-tab-pane label="全部" name="first">
      <all></all>
    </el-tab-pane>
    <el-tab-pane label="我负责的" name="second">
      <all></all>
    </el-tab-pane>
    <el-tab-pane label="今日待跟进的" name="third">
      <all></all>
    </el-tab-pane>
    <el-tab-pane label="今日已联系的" name="fourth">
      <all></all>
    </el-tab-pane>
    <el-tab-pane label="从未跟进的" name="fouth">
      <all></all>
    </el-tab-pane>
  </el-tabs>

</template>

<script>
import all from './all.vue'
export default {
  name: "Customer",
  components:{
    all
  },
  data() {
    return {
      activeName: 'first',
    };
  },
  created() {
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
  }
};
</script>

<style scoped lang="scss">
    .el-tabs{
      margin:10px !important;
      border: 1px solid #eaeffc;
      height: calc(100vh - 104px);
      //overflow: auto;
      box-shadow: 0px 0px 12px 0px rgba(188, 188, 188, 0.36);
    }
    ::v-deep .el-tabs__content{
      padding:0px !important;
    }
</style>
